<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			ul,
			li {
				list-style: none;
				margin: 0px;
				padding: 0px;
				font-size: 24px;
			}
			
			li {
				width: 150px;
				height: 50px;
				background-color: greenyellow;
				border: 2px solid brown;
				text-align: center;
				line-height: 40px;
				margin: 10px;
			}
			li a{
				color:red;
				background-color: yellow;
			}
		</style>
	</head>

	<body>
		<!--ul>(li>a[href=#]{列表$})*5-->
		<ul id="value1" class="dl">
			<li><a href="#">列表1</a></li>
			<li><a href="#">列表2</a></li>
			<li><a href="#">列表3</a></li>
			<li><a href="#">列表4</a></li>
			<li><a href="#">列表5</a></li>
			<li><a href="#">列表6</a></li>
			<li><a href="#">列表7</a></li>
			<li><a href="#">列表8</a></li>
			<li><a href="#">列表9</a></li>
			<li><a href="#">列表10</a></li>
		</ul>
		<div title="test">11</div>
		<div title="test1">22</div>
		<div title="aa">33</div>
		<div title="ccte">44</div>
		<div title="nest">55</div>
		<div title="test3">66</div>
		<div title="mest" id="b">77</div>
		<div title="test1" id="a">88</div>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*var chds = $("#menul :nth.child(2n)");
			$chds.each(function(i, ele) {
				console.log(i, ele);
			});
			$(function() {
				$("ul").each(function() {
					var y = $(this).children().last();
					alert(y.text());
				});
			});*/
				$("div[title]").css("color","red");
				$("div[title='test']").css("border","1px solid yellow");
				$("div[title!='test']").css("font-size","70px");
				("div[title^='te']").css("background","green");
				("div[title$='est']").css("cursor", "pointer");
				("div[title*='es']").css("text-align","center");
				("div[id][title*='es']").css("background","red");
		</script>
	</body>

</html>